<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .div_header{
            height: 103px;
            width: 970px;
            margin: 0 auto;
        }
        .div_header .div1{
            height: 103px;
            width: 277px;
            background-color: red;
            float: left;
            margin-bottom: 10px;
        }

        .div_header .div2{
            height: 49px;
            width: 137px;
            background-color: #72fa4c;
            float: right;
            margin-bottom: 8px;
        }
        .div_header .div3{
            height: 46px;
            width: 679px;
            background-color: #72fa4c;
            float: right;
            margin-bottom: 10px;
        }
        .div_body{
            height: 435px;
            width: 970px;
            margin: 10px auto 0;
        }
        .div_body .div_4{
            height: 435px;
            width: 310px;
            background-color: yellow;
            float: left;
        }
        .right_body{
            width: 650px;
            height: 435px;
            float: left;
            margin-left: 10px;

        }
        .right_body_left{
            width: 450px;
            height: 400px;
            float: left;
        }
        .div_body .right_body .right_body_left .div_5{
            height: 240px;
            width: 450px;
            float: left;
            background-color: blue;
        }
        .div_body .right_body .right_body_left .div_6{
            height: 110px;
            width: 450px;
            float: left;
            margin-top: 10px;
            background-color: blue;
        }
        .div_body .right_body .right_body_left .div_7{
            height: 30px;
            width: 450px;
            float: left;
            margin-top: 10px;
            background-color: blue;
        }
        .div_body .right_body .div_8{
            height: 25px;
            width: 650px;
            float: left;
            margin-top: 10px;
            background-color: greenyellow;
        }
        .div_body .right_body .div_9{
            height: 400px;
            width: 190px;
            float: left;
            margin-left: 10px;
            background-color: brown;
            display: inline;
        }
        .div_footer{
            height: 35px;
            width: 970px;
            background-color: blue;
            margin: 10px auto 0;
        }



    </style>
</head>
<body>
    <div class="div_header">
        <div class="div1">
        </div>
        <div class="div2">
        </div>
        <div class="div3">
        </div>
    </div>
    <div class="div_body">
        <div class="div_4"></div>
        <div class="right_body">
            <div class="right_body_left">
                <div class="div_5"></div>
                <div class="div_6"></div>
                <div class="div_7"></div>
            </div>
            <div class="div_9"></div>
            <div class="div_8"></div>
        </div>
    </div>
    <div class="div_footer"></div>

</body>
</html>